const path = require('path');
const htmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
  entry: path.join(__dirname, './src/main.js'),// 要处理的文件
  output:{
    path: path.join(__dirname,'./dist'),// 输出路径，
    filename:'bundle.js' // 输出文件名称
  },
  plugins:[
    new htmlWebpackPlugin({ // 这个是把html 也加载到内存中的
      template:path.join(__dirname,'./src/index.html'),
      filename:'index.html'
    })
  ],
  module:{// 配置第三方模块的
    rules:[// 匹配规则
      {test:/\.less$/,use:['style-loader','css-loader','less-loader']},
      {test:/\.css$/,use:['style-loader','css-loader']},
      {test:/\.(png|gif|jpg|bmp|jpeg)$/,use:['url-loader']},
      {test:/\.(ttf|eot|svg|woff|woff2)$/,use:['url-loader']},
      {test:/\.js$/,use:'babel-loader',exclude:/node_modules/},// 配置转换高级JS语法的 loader, 注意： 必须添加 exclude 排除项  exclude:/node_modules/
      {test:/\.vue$/,use:'vue-loader'},// 配置转换高级JS语法的 loader, 注意： 必须添加 exclude 排除项  exclude:/node_modules/
    ]
  }
}